<template>
  <div id="app" :class="$store.state.locale">
    <router-view />
    <div id="msg">
      <span id="msgTxt"></span>
    </div>
    <!-- <div id="isLogin" v-if="isLogin && loginUrl">
      <div class="box">
        <span class="cur close flex-ct rd50" @click="look(0)">×</span>
        <p class="tit font20">无权限操作</p>
        <p class="con">请先登录解锁更多功能~</p>
        <div class="btnBox flex-ct">
          <span class="btn flex-ct" @click="look(0)">我再看看</span>
          <span class="btn flex-ct bg1" @click="look(1)">立即登录</span>
        </div>
      </div>
    </div> -->
    
  </div>
</template>

<script>

export default {
  name: "App",
  components: {
    
  },
  
};
</script>

<style lang="scss">
.getFoot{display: none;}
.password .el-loading-mask.is-fullscreen{
  width:100px !important;
  height:60px !important;
  // background-color: transparent !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  border-radius:6px;
  transform: translate(-50%,-50%);
}
.password .el-loading-mask.is-fullscreen *{color: #fff !important;}
.spLine{margin:0 10px !important;}
.newTag{position: relative;top:-10px;font-size:12px;font-weight: normal;color: #fff;background-color: red;padding:1px 5px;margin-left:5px;line-height:1;width:auto !important;}
#isLogin{
  position: fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:999;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  .box{
    width:300px;
    text-align: center;
    background-color: #fff;
    padding:30px;
    position: relative;
    .con{margin:20px 0 30px;}
    .btn{width:96px;height:35px;border: 1px solid #ddd;cursor: pointer;}
    .btn.bg1{border-color: #0F54BC;margin-left:15px;}
    .close{width:20px;height:20px;position: absolute;right:-5px;top: -5px;background-color: #f5f5f5;}
  }

}
.newcas.el-cascader .el-input.is-disabled .el-input__inner{background-color: transparent;border: none; cursor:none;color: inherit;}
.newcas.el-cascader .el-input__suffix{display: none;}

@import url('assets/css/css.css');
.new.el-textarea.is-disabled .el-textarea__inner{padding: 0;background-color: transparent;border: none;resize: none;cursor:default;color: #333;margin-top:5px;}
.el-upload-list.el-upload-list--text{display: none !important;}
#msg{position: fixed;left: 0;top: 0;z-index: 9999;display: none;align-items: center;justify-content: center;width:100%;height:100%;opacity: 0;}
#msg.show{display:flex;animation: show 1s ease}
.mbt15{margin-bottom:15px;}
.ntit{
  white-space: nowrap;/*强制一行显示*/
  overflow: hidden;/*超出元素默认宽度内容隐藏*/
  text-overflow: ellipsis;/*使用省略号代表有内容未显示*/
}
.np{
  display: -webkit-box;
/* -webkit-box-orient: vertical; */
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
-webkit-line-clamp: 2;
overflow: hidden;
}
@keyframes show
    {
    from {opacity: 0;}
    to {opacity: 1;}
}
#msg.show #msgTxt{animation: top .3s ease}
// @keyframes top
//     {
//     from {top: 20px;}
//     to {top:auto;}
// }
.red0{color: red !important;}
#msgTxt{padding:5px 10px;background-color: rgba(0,0,0,0.5);color: #fff;font-size:14px;max-width:200px;border-radius:5px;min-width:100px;min-height: 40px;display: flex;align-items: center;justify-content: center;position: relative;top:20px}
/* 项目合作 */
.location{line-height: 45px;color: #999;}
.location *{color: #999;}
.location .sp{margin:0 5px;}
.mainLR{
  padding: 0 0 18px;
  background-color: #fff;
}
.main-right{
	width:890px;float: right;
	.news-ri-tit{line-height: 54px;font-size: 18px;}
  .news-ri-tit::before{content: '';border-left: 5px solid #0F54BC;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-right:10px;display: block;}
  .news-item{border-top: 1px solid #ededed;line-height: 50px;padding-right:15px;}
  
  .ntit{font-weight: normal;max-width: 730px;flex: 1;margin-left:-5px;color: #808080;}
  span{width:120px;}
  .news-item .ntit::before{content: '·';font-weight:bold;font-size:16px;margin-right:5px;}
  .news-item:hover *,.news-item:hover::before{color: #0F54BC !important;}
  .news-list{height:520px;
  } 
}
.ny-ban{height: 450px;}
.flex1{flex:1}
.company-userinfo-head-img img{width: 100%;height: 100%;object-fit: cover;}
.company-userinfo-head-img{width:100px;height:100px !important;border-radius:50%;-webkit-border-radius:50%;}

</style>
